<template>
  <div class="container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane v-for="(item,index) in dataViewList" :key="index" :label="item.txt" :name="item.val">
        <component :is="item.val" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import { ref, watch, computed, onMounted, provide, inject } from 'vue'
const props = defineProps([''])
const emit = defineEmits([''])
let activeName = ref('EchartsView')
let dataViewList = ref([
  { txt: '图表', val: 'EchartsView' },
  { txt: '表格', val: 'TableView' },
  { txt: '表格2', val: 'TableEdit' },
  { txt: '表格3', val: 'RowTable' },
  { txt: '可导表格', val: 'ExcelTable' },
  { txt: '单选多选', val: 'danxuanTable' },
  { txt: '表单', val: 'FromThemp' },
  { txt: '测试', val: 'CeShiTemplete' }
])
const handleClick = () => {}
// 向外暴露属性和方法
defineExpose({})
</script>
<style scoped lang="scss">
.container {
  width: 100%;
  height: 100%;
}
</style>
 